<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原生AJAX请求</title>
    <script type="text/javascript">
        //通过JavaScript语言 发起Ajax请求 访问服务器
        function ajaxRequest() {
            //    1.首先要创建XMLHTTPRequest对象
            var xmlhttprequest = new XMLHttpRequest();
            //    2.调用open方法设置请求参数
            xmlhttprequest.open("GET", "http://localhost:8083/Demo0316/ajax01.do");
            //    4.在send方法前 绑定onreadystatechange事件 处理请求后完成的操作
            xmlhttprequest.onreadystatechange = function () {
                if (xmlhttprequest.readyState == 4 && xmlhttprequest.status == 200) {
                    //responseText:后端发来的文本数据
                    var jsonObj = JSON.parse(xmlhttprequest.responseText);
                    //把响应的数据显示在页面上
                    document.getElementById("div01").innerHTML = "编号:" + jsonObj.id + ",姓名：" + jsonObj.name + "，年龄" + jsonObj.age + ",性别" + jsonObj.sex;
                }
            }
            //    3.调用send方法发送请求
            xmlhttprequest.send();
        }
    </script>
</head>
<body>
<button onclick="ajaxRequest()">ajax请求</button>
<div id="div01"></div>
</body>
</html>